extends layout

block content
    title= title
    script(rel='javascripts', src='/javascripts/chat.js')
    div.container
        header
            h1 Chat Application

        div#userInfo
            div.control-group
                label(for="id").control-label Id:                                        
                div#idHolder.controls
                    input(type="text")#id.input-xlarge
            div.control-group
                label(for="id").control-label Display Name:
                div#displayNameHolder.controls
                    input(type="text")#displayName.input-xlarge
            div.control-group
                div.controls
                    button#setUserInfo.btn.btn-success Set User Info        
        div#chatEntries
        div#chatControls
            div.control-group
                div#sendToHolder.controls
                    input(type="text", placeholder="Id of receipient")#sendTo.input-xlarge
            div.control-group
                div#messageInputHolder.controls
                    textarea(placeholder="Write message to send")#messageInput.input-xlarge
            div.control-group
                div.controls
                    button#sendMessage.btn.btn-success Send
        h3 Online Users:
            div#online-user-list